<template>
  <div class="shop-header">
    <van-icon :name="leftIconName" color="#1989fa" />

    <div>{{ title }}</div>

    <el-button type="text">{{ righIconName }}</el-button>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      Type: String,
      default: "",
    },
    leftIconName: {
      Type: String,
      default: "",
    },
    righIconName: {
      Type: String,
      default: "",
    },
  },
};
</script>

<style scoped lang='scss'>
.shop-header {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
</style>